<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="telephone=no" name="format-detection" />
    <script src="js/viewport.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <title>IOS用户安装向导</title>
    <link rel="stylesheet" href="css/guide.css" type="text/css" />
</head>
<body class="regBg">
    <div class="bgTop">
        <img src="images/download/bg1.png">
    </div>
    <div class="container">
       <div class="regLogo">
           <img src="images/download/logo1.png">
       </div>
       <div class="daikuan">
           <img src="images/download/daikuan.png">
       </div>
       <section class="input_register"> 
            <div class="cell_input">
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-media"><i class="icon icon-form-tel"></i></div>
                        <div class="item-input">
                            <input type="text" placeholder="请输入手机号">
                        </div>
                    </div>
                </div>
                <div class="item-content">
                    <div class="item-inner small">
                        <div class="item-media"><i class="icon icon-form-vCode"></i></div>
                        <div class="item-input">
                            <input type="text" placeholder="图形验证码">
                        </div>
                    </div>
                    <div class="item-vCode">
                        <img src="images/download/vcodeImg.png">
                    </div>
                </div>
                <div class="item-content">
                    <div class="item-inner keyinput">
                        <div class="item-media"><i class="icon icon-form-key"></i></div>
                        <div class="item-input">
                            <input type="text" placeholder="短信验证码">
                        </div>
                        <div class="item-obtain">
                           <a href="javascript:;">获取验证码</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cell_btn">
                <a href="#" class="button-big button-success">立即注册</a>
            </div>
       </section>
       <section class="register_footer">
          <a href="#"><span>登录即表示同意【来花花】用户协议</span></a>
       </section>
    </div>
    <div class="fixedBg">
        <img src="images/download/bg2.png">
    </div>
    <script type="text/javascript">
        $(".item-input input").focus(function(e){
            $(".cell_input").animate({ marginTop: "-2.966667rem" }, 500);
            $(".cell_input").stop();
        });
        $(".item-input input").blur(function(e){
           $(".cell_input").animate({ marginTop: "1.166667rem" }, 500)
        })

    </script>
</body>
</html>
